<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
    <title>ระบบบัญชี</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="./bootstrap/css/bootstrap.css" rel="stylesheet">
    <style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
    </style>
    <link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
	<link href="bootstrap/css/bootstrap-classic.css" rel="stylesheet">
	<link href="jquery-ui/themes/base/jquery-ui.css" rel="stylesheet" >

	<style type="text/css">
		@import url('css/jquery-dialog2/jquery.dialog2.css');
	</style>
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="./bootstrap/js/html5shiv.js"></script>
    <![endif]-->

    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="./bootstrap/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="./bootstrap/ico/apple-touch-icon-114-precomposed.png">
	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="./bootstrap/ico/apple-touch-icon-72-precomposed.png">
	<link rel="apple-touch-icon-precomposed" href="./bootstrap/ico/apple-touch-icon-57-precomposed.png">
    <link rel="shortcut icon" href="./bootstrap/ico/favicon.png">
	<!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="bootstrap/js/jquery.js"></script>
	<script src="bootstrap/js/bootstrap.js"></script>
	<script src="bootstrap/js/jqBootstrapValidation.js"></script>
	<script src="jquery-ui/ui/jquery-ui.js"></script>
	<script type="text/javascript" src="js/jquery.dialog2.js"></script>
	<script type="text/javascript" src="js/jquery.dialog2.helpers.js"></script>

	<script type="text/javascript">
		$(document).ready(function(){

$("input,select,textarea").not("[type=submit]").jqBootstrapValidation();

			$('#myTab a').click(function (e) {
				e.preventDefault();
	


			  $(this).tab('show');
			});

			//$('#myTab a[href="#profile"]').tab('show');

			$( "#datepicker" ).datepicker({
				showButtonPanel: true
			 });
		});
	</script>
	
</head>

<body>
<div class="navbar navbar-inverse navbar-fixed-top">
		<div class="navbar-inner">
			<div class="container">
				<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a class="brand" href="#">Accounting Udoncity</a>

				<div class="nav-collapse collapse">
					<ul class="nav">
					  <li class="active"><a href="#">Home</a></li>
					  <li><a href="#about">About</a></li>
					  <li><a href="#contact">Contact</a></li>
					  <li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
						<ul class="dropdown-menu" id="myMenu">
						  <li><a href="#" id="mProfile">Profile</a></li>
						  <li><a href="#" >Messages</a></li>
						  <li><a href="#" >Settings</a></li>
						  <li class="divider"></li>
						  <li class="nav-header">Nav header</li>
						  <li><a href="#">Separated link</a></li>
						  <li><a href="#">One more separated link</a></li>
						</ul>
					  </li>
					</ul>
					<form class="navbar-form pull-right">
						<input class="span2" type="email" placeholder="Email">
						<input class="span2" type="password" placeholder="Password">
						<button type="submit" class="btn">Sign in</button>
					</form>
				</div><!--/.nav-collapse -->
			</div><!--/container -->
		</div><!--/navbar-inner -->
	</div><!--/navbar navbar-inverse navbar-fixed-top -->

	<div class="container">

		<!-- Example row of columns -->
		<div class="row-fluid">
	        <div class="span12">
				<ul class="nav nav-tabs" id="myTab">
					<li class="active"><a href="#home">Home</a></li>
					<li><a href="#profile">Profile</a></li>
					<li><a href="#messages">Messages</a></li>
					<li><a href="#settings">Settings</a></li>
				</ul>
				 
				<div class="tab-content">
					<div class="tab-pane active" id="home">
						<div class="hero-unit" style="background: url('images/accounting.jpg') no-repeat;">
						</div>
					</div>
					<div class="tab-pane" id="profile">

						<?php include("profile.php"); ?>

					</div>
					<div class="tab-pane" id="messages">
						<?php include("messages.php"); ?>
					</div>
					<div class="tab-pane" id="settings">
						<?php include("showData.php"); ?>
					</div>
				</div>
			</div> <!-- /span12 -->
		</div> <!-- /row-fluid -->
		<hr>

		<footer>
			<p>&copy; Company 2013</p>
		</footer>

	</div> <!-- /container -->


</body>
</html>